/* eslint-disable @typescript-eslint/no-unused-expressions */
import type { Router } from 'vue-router'
import { useUserStore } from '@/pinia/stores/user'
import NProgress from 'nprogress'
import { getToken } from '@/common/utils/cache/cookies'
import { useTitle } from '@/composables/useTitle'
import { setRouteChange } from '@/composables/useRouteListener'
import { isWhiteList } from './whitelist'
import { usePermissionStore } from '@/pinia/stores/permission'
import { routerConfig } from '@/router/config'

// 作用：是否显示右上角螺旋加载提示
NProgress.configure({ showSpinner: false })

const { setTitle } = useTitle()

const LOGIN_PATH = '/login'

// 路由守卫, return true表示允许导航继续
export function registerNavigationGuard(router: Router) {
  // 全局前置守卫
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
  router.beforeEach(async (to, _from) => {
    // nprogress进度条
    NProgress.start()
    const userStore = useUserStore()
    const permissionStore = usePermissionStore()
    // 如果没有登录
    if (!getToken()) {
      // 如果在用户白名单里，直接免登录进入to路由
      if (isWhiteList(to)) {
        console.log(3)
        return true
      }

      // 其他没有访问权限的页面将被重定向到登陆页面
      if (to.path !== LOGIN_PATH) {
        console.log('没有token，重定向到登录页')
        return LOGIN_PATH
      }
      // 如果已经在登录页，则允许继续
      return true
    }
    // 如果已经登录，并且准备进入login界面，则重定向到主页
    if (to.path === LOGIN_PATH) return '/'
    // 如果用户已经获得其权限角色
    if (userStore.roles.length !== 0) return true
    // 否则要重新获取角色
    try {
      await userStore.getInfo()
      // 注意：角色必须是一个数组！ 例如: ["admin"] 或 ["developer", "editor"]
      const roles = userStore.roles
      // 生成可访问的 Routes
      routerConfig.dynamic
        ? permissionStore.setRoutes(roles)
        : permissionStore.setAllRoutes()
      // 将 "有访问权限的动态路由" 添加到 Router 中
      permissionStore.addRoutes.forEach((route) => router.addRoute(route))
      // 设置 replace: true, 因此导航将不会留下历史记录
      return { ...to, replace: true }
    } catch (error) {
      // 过程中发生任何错误，都直接重置token，并重定向到登录页面
      userStore.resetToken()
      ElMessage.error((error as Error).message || '路由守卫发生错误')
      return LOGIN_PATH
    }
  })

  // 全局后置钩子
  router.afterEach((to) => {
    // 缓存路由
    setRouteChange(to)
    // 更改标题
    setTitle(to.meta.title)
    // 终止进度条
    NProgress.done()
  })
}
